<!DOCTYPE html>
<html>
<head>
    <title>收货人信息表单</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<style>
input[type="text"], input[type="email"], input[type="tel"], textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    font-size: 18px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
    border: 2px solid red;
}
</style>
<body>
    <form>
        <label for="name">姓名：</label>
        <input type="text" id="name" name="name" required>
        <br>
        <label for="email">电子邮件：</label>
        <input type="email" id="email" name="email" required>
        <br>
        <label for="phone">电话：</label>
        <input type="tel" id="phone" name="phone" required>
        <br>
        <label for="address">地址：</label>
        <textarea id="address" name="address" required></textarea>
        <br>
        <input type="submit" value="提交">
    </form>
</body>
</html>
